.header {
    width: 200px;
    height: 200px;
    background-color: pink;
    // 1.less嵌套 像后代选择器（header是父元素，a就是子元素）：子元素的样式是直接写到父元素里面就好了 就好比儿子住到爸爸家里。
    a {
        color: red;
    // a属于外层， :hover属于内层
    // 2.如果有伪类、交集、伪元素选择器. 我们内层选择器的前面需要加&
        &:hover {
            color: blue;
        }
    }
}

.nav {
    .logo {
        color: green;
        .logo1 {
            color: aqua;
            &:hover {
                color: yellow;
            }
        }
        
    }
    &::before {
        content: "";
    }
}